h1 Block level element

h2 Block level element

Block level element: 화면 전체를 사용한다
Inline element "a"
Inline element: 자기 자신의 부피만큼 차지한다

h3 display:inline

-display 를 inline으로 변경함으로 자기 자신의 부피만 사용하도록 변경
h3{ display: inline; }
Tip: display:none; 을 사용하여 text 숨길수도 잇음
sticky: 원래 잇어야하는 자리에 잇으면서 대신 스크롤링 되어도 사라지지않는다
sticky1
sticky2
sticky3
sticky4
static: 기본적으로 가지고 잇고 HTML에 정의된 순서대로 브라우저 상에 자연스럽게 보여진다
relative: 원래 잇어야하는 자리에서 지정한 위치까지 이동
absolute:내 아이템이 담겨 잇는 박스 안에서 원하는 위치까지 이동한다
fixed: 박스를 벗어나 윈도우 안에서 지정위치까지 이동
navigattion1
navigattion2
navigattion3
navigattion4
navigattion5
navigattion6
navigattion7
navigattion8
navigattion9
HTMLCSSJavaScriptHTML 실용편 damoa